<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../org/angular.min.js"></script>
    <script src="../org/jquery.min.js"></script>
    <script src="../org/angular-ui-router.min.js"></script>
</head>

<body>

<div ng-app="hd">
    <a href="#/a">首页</a>
    <!--//使用ui-view属性，表示显示路由模板内容-->
    <div ui-view></div>
</div>
<script>

    var m = angular.module('hd', ['ui.router']);

    //config是整个页面执行之前就会执行，相当于类的构造函数，路由是页面显示规则，需要放到config里面执行
    m.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
        //默认路由（没有匹配的情况下显示这个锚点）
        $urlRouterProvider.otherwise('');
        //定义路由规则
        $stateProvider.state('default', {
            url:'/aa',
            template: '<h2>后盾人</h2>'
        })
    }])


</script>

</body>

</html>